.banner .wrapper {
  background-color: #fff;
  position: relative;
  height: 500px;
  margin-top: 20px;
}
/* 侧导航 */
.subnav {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.6);
  padding-top: 20px;
  padding-bottom: 20px;
}

.subnav li {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 12px;
  height: 46px;
  /* background-color: pink; */
  line-height: 46px;
  color: #fff;

  cursor: pointer;
}

/* a所有都是小字，分类是大字 */
.subnav li a {
  margin-right: 5px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.subnav li span img {
  width: 9px;
  height: 12px;
}

.subnav li:hover {
  background-color: #00be9a;
}
.box {
  padding-bottom: 40px;
}
.box .wrapper {
  display: flex;
}
.box .wrapper .left {
  width: 260px;
  height: 180px;
  background-color: rgba(0, 0, 0, 0.6);
  margin-right: 8px;
  position: relative;
}
.box .wrapper .left div {
  text-align: center;
  position: absolute;
  top: 68px;
  left: 55px;
  color: #fff;
}
.box .wrapper .left p {
  margin-bottom: 16px;
}
.box .wrapper img {
  width: 310px;
  height: 180px;
  margin-left: 8px;
  margin-right: 8px;
}
.box .wrapper img:last-child {
  margin-right: 0;
}
.pic {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 60px;
}
.pic .wrapper .title {
  display: flex;
  justify-content: space-between;
  line-height: 26px;
  color: #9e9c9b;
  margin-bottom: 10px;
  padding-right: 30px;
}
.pic .wrapper .pic-box {
  display: flex;
  justify-content: space-between;
}
.pic .wrapper .pic-list {
  display: flex;
  flex-wrap: wrap;
}

.pic .wrapper .pic-list .pic-item {
  width: 236px;
  height: 324px;
  background-color: #fff;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.pic .wrapper .pic-list .pic-item .header{
  width: 100px;
  height: 26px;
  background-color: #f3b041;
  position: absolute;
  top: 0;
  left: 70px;
}
.pic .wrapper .pic-list .pic-item .header h4{
  color: #fff;
  text-align: center;
  line-height: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 26px;
}
.pic .wrapper .pic-list .pic-item .header-red{
  width: 100px;
  height: 26px;
  background-color: red;
  position: absolute;
  top: 0;
  left: 70px;
}

.pic .wrapper .pic-list .pic-item .header-red h4{
  color: #fff;
  text-align: center;
  line-height: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 26px;
}
.pic .wrapper .pic-list .pic-item img {
  width: 200px;
  height: 190px;

}
.pic .wrapper .pic-list .pic-item .info{
    text-align: center;
}
.pic .wrapper .pic-list .pic-item .feature{
  color:#9e9c9b;
  font-size: 14px;
}
.pic .wrapper .pic-list .pic-item .price{
  color:red;
}
.pic .wrapper .pic-box img {
  width: 236px;
  height: 660px;
  margin-left: 0;
  margin-right: 6px;
}


/* 帮助中心 */
.help {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.left {
  display: flex;
  justify-content: space-between;
  height: 170px;
}

.left .help-item {
  display: flex;
  margin-right: 100px;
}
.left dl dt {
  font-size: 14px;
  margin-bottom: 15px;
}
.left dl a {
  font-size: 12px;
  color: #aaa99e;
  position: relative;
}
.phone {
  width: 300px;
  height: 120px;
  border-left: 1px solid #cacaca;
  text-align: center;
}
.help .phone .haoma1 {
  color: #ed702f;
  font-size: 20px;
  font-weight: 500;
}
.help .phone .haoma2 {
  font-size: 12px;
}
.help .phone .haoma3 {
  font-size: 14px;
}
.banquan{
  background-color:  #f5f5f5;
  padding-top: 40px;
}
.banquan .wrapper{
  display: flex;
  
}
.orange {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.other {
  font-size: 14px;
}
.po {
  font-size: 10px;
  color: #cacaca;
}
.picc {
  width: 400px;
  height: 20px;
  margin-top: 20px;
  margin-top: 20px;
  text-align: center;
}
